<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
		<link rel="stylesheet" href="../../static/css/login.css"  th:href="@{/css/login.css}">
		<title>Login</title>
	</head>
	<body>
		<form action="#" class="login" method="post" id="formTable" th:action="@{/admin/login}">
			<p>LOGIN</p>
			<div class="inputText">
				<span>
					<svg t="1615344491751" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1187"
					 width="40" height="40">
						<path d="M512 447.223c-88.224 0-160-71.776-160-160s71.776-160 
						160-160c88.225 0 160 71.776 160 160s-71.775 160-160 160z m0-256c-52.935 0-96
						43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zM454.901
						870.594c-96.594 0-184.933-3.802-231.263-49.955C203.308 800.386 193 774.164
						193 742.701c0-31.629 10.247-62.812 30.457-92.686 17.978-26.573 42.908-50.741
						74.098-71.833C359.256 536.46 437.418 512.53 512 512.53c74.55 0 152.55 23.943
						214.002 65.691 31.05 21.094 55.861 45.273 73.746 71.867C819.822 679.937 830
						711.096 830 742.701c0 31.552-10.317 57.827-30.664 78.097-50.714 50.521-151.822
						 50.128-258.88 49.723a7395.45 7395.45 0 0 0-56.914-0.001c-9.605 0.037-19.163
						 0.074-28.641 0.074zM512 806.447c9.567 0 19.149 0.037 28.701 0.073 49.52 0.191
						  96.284 0.37 135.808-4.396 38.418-4.633 64.546-13.604 77.659-26.668 5.079-5.06
						  11.832-13.96 11.832-32.755 0-38.089-27.688-78.744-75.963-111.54C638.933 596.442
						   574.04 576.53 512 576.53c-126.309 0-255 83.862-255 166.171 0 18.675 6.738 27.547
							11.807 32.596 32.045 31.922 128.975 31.55 214.491 31.224 9.556-0.037 19.139-0.074
							 28.702-0.074z"
						 fill="#ffffff" p-id="1188"></path>
					</svg>

				</span>
				<input type="text" name="username" placeholder="Username">
			</div>
			<div class="inputText">
				<span>
					<svg t="1615345867623" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2075"
					 width="40" height="40">
						<path d="M760.171097 415.494703 346.927843 415.494703l0-67.441135c0-91.90006 
						74.809514-166.709574 166.811913-166.709574 92.002399 0 166.811913 74.911853 
						166.811913 166.914251 0 12.485309 10.029182 22.514491 22.514491 22.514491s22.514491-10.029182 
						22.514491-22.514491c0-116.870678-95.072556-211.943234-211.840895-211.943234-56.593244 
						0-109.809314 22.002798-149.823706 62.01719-40.014391 40.014391-62.01719 93.128123-62.01719 
						149.721367L301.898861 415.494703l-47.485109 0c-27.631421 0-49.736558 22.105137-49.736558 
						49.634219l0 341.913252c0 27.631421 22.207476 50.452928 49.736558 50.452928l505.655007
						 0c27.631421 0 50.35059-22.821507 50.35059-50.452928L810.419348 465.128923C810.521687 
						 437.59984 787.802518 415.494703 760.171097 415.494703zM765.492704 807.553868c0 
						 2.763142-2.251449 5.014591-5.014591 5.014591L254.720768 812.568459c-2.763142 
						 0-5.014591-2.251449-5.014591-5.014591L249.706176 465.538277c0-2.763142 2.251449-5.014591
						  5.014591-5.014591l505.655007 0c2.763142 0 5.014591 2.251449 5.014591 5.014591L765.390366
						   807.553868zM503.505896 532.160704c-25.482311 0-46.052369 20.570058-46.052369 46.052369 
						   0 16.78353 9.005797 31.520288 22.514491 39.605037L479.968019 707.159704c0 12.38297 10.131521 
						   22.514491 22.514491 22.514491s22.514491-10.131521 22.514491-22.514491l0-88.21587c14.634419-7.675395
							24.561263-23.026184 24.561263-40.730762C549.558265 552.730762 528.988207 532.160704 503.505896 532.160704z"
						 p-id="2076" fill="#ffffff"></path>
					</svg>
				</span>
				<input type="password" name="password" placeholder="Password">
			</div>
			<div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}"></div>

			<input type="submit" class="btn" value="登  录">
		</form>

		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
		<script>
			$('#formTable').form({
				fields: {
					username : {
						identifier: 'username',
						rules: [{
							type : 'empty',
							prompt: '请输入用户名'
						}]
					},
					password : {
						identifier: 'password',
						rules: [{
							type : 'empty',
							prompt: '请输入密码'
						}]
					}
				}
			});
		</script>
	</body>
</html>
